<template>
  <div id="app">
    <Add></Add>
    <List :list="listdata"></List>
  </div>
</template>
<script>
import Add from "@/components/Add";
import List from "@/components/List";

export default {
  components: { Add, List },
  data() {
    return {
      listdata: []
    };
  },
  async mounted() {
    let { data: res } = await this.$http.get("/data.json");
    this.listdata = res;
  }
};
</script>
<style>
</style>
